/* 根据不同屏幕宽度，设置不同rem的大小*/
@media screen and (min-width: 320px) {
  html {
    font-size: 32px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 37.5px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 41.4px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 48px;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 54px;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 64px;
  }
}
body {
  font-size: 0.21875rem /* 14/64 */;
  background-color: #ccc;
}
.m-layout {
  height: 2000px;
  max-width: 640px;
  min-width: 320px;
  background-color: #fff;
  margin: 0 auto;
}
.m-header {
  height: 0.703125rem /* 45/64 */;
  position: relative;
  padding: 0 0.9375rem /* 60/64 */;
  border-bottom: 1px solid #ccc;
}
.m-header h3 {
  font-size: 0.28125rem /* 18/64 */;
  text-align: center;
  font-weight: normal;
  line-height: 0.703125rem /* 45/64 */;
}
.m-header .city,
.m-header .me {
  position: absolute;
  height: 0.703125rem /* 45/64 */;
  width: 0.9375rem /* 60/64 */;
  left: 0;
  top: 0;
  text-align: center;
  color: #d3079e;
  line-height: 0.703125rem /* 45/64 */;
}
.m-header .me {
  left: auto;
  right: 0;
  background: url('../icon/my.png') no-repeat center center;
  background-size: 0.34375rem /* 22/64 */ 0.34375rem /* 22/64 */;
}
.m-banner img {
  height: 3.03125rem /* 194/64 */;
  width: 100%;
}
.m-nav {
  padding: 0 0.0625rem /* 4/64 */;
}
.m-nav img {
  width: 3.21875rem /* 206/64 */;
  height: 1.71875rem /* 110/64 */;
  margin-top: 0.125rem /* 8/64 */;
  margin-right: 0.109375rem /* 7/64 */;
  float: left;
}
.m-nav img:nth-child(3n) {
  margin-right: 0;
}
.m-prod {
  margin-top: 0.15625rem /* 10/64 */;
}
.m-prod table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}
.m-prod table tr {
  height: 1.78125rem /* 114/64 */;
}
.m-prod table tr td {
  border: 1px solid #ccc;
}
.m-prod table tr td img {
  width: 1.875rem /* 120/64 */;
}
.m-son {
  height: 3.5rem /* 224/64 */;
  margin-top: 0.15625rem /* 10/64 */;
}
.m-son .left,
.m-son .right {
  width: 50%;
  float: left;
  border-bottom: 1px solid #ccc;
}
.m-son .left {
  border-right: 1px solid #ccc;
}
.m-son .left img {
  float: left;
  height: 3.5rem /* 224/64 */;
  width: 100%;
}
.m-son .right img {
  float: left;
  width: 100%;
  height: 1.75rem /* 112/64 */;
}
.m-act {
  margin-top: 0.3125rem /* 20/64 */;
}
.m-act ul li {
  border-bottom: 1px solid #ccc;
}
.m-act ul li p {
  line-height: 0.375rem /* 24/64 */;
}
.m-act ul li a img {
  height: 1.75rem /* 112/64 */;
  width: 100%;
}
.m-ad ul {
  background-color: #f7f7f7;
}
.m-ad ul li {
  margin-top: 0.15625rem /* 10/64 */;
  background-color: #fff;
}
.m-ad ul li p {
  line-height: 0.375rem /* 24/64 */;
}
.m-ad ul li a img {
  height: 4.09375rem /* 262/64 */;
  width: 100%;
}
.m-ad ul li:nth-child(1) a {
  height: 0.625rem /* 40/64 */;
  width: 1.0625rem /* 68/64 */;
  float: left;
  color: #d3079e;
  text-align: center;
  line-height: 0.625rem /* 40/64 */;
  margin-left: 1.953125rem /* 125/64 */;
  border-bottom: 2px solid #d3079e;
}
.m-ad ul li:nth-child(1) a.week {
  margin-left: 3.90625rem /* 250/64 */;
  color: #000000;
  border: none;
}
.m-ad ul li:nth-child(2) {
  margin-top: 0;
}
.m-ad ul li.more {
  height: 0.46875rem /* 30/64 */;
  text-align: center;
}
.m-ad ul li.more a {
  line-height: 0.46875rem /* 30/64 */;
}
.m-ad ul li.footer {
  height: 0.46875rem /* 30/64 */;
  background-color: #d3079e;
  padding-left: 0.15625rem /* 10/64 */;
}
.m-ad ul li.footer a {
  line-height: 0.46875rem /* 30/64 */;
  color: #fff;
}
